<template>
	<view style="width: 100%;">
		<coupon-card-normal v-if="type === 1" :item="item" :disabled="disabled"></coupon-card-normal>
		<coupon-card-user v-else-if="type === 2" :item="item" :disabled="disabled"></coupon-card-user>
		<coupon-card-shop v-else-if="type === 3" :item="item" :disabled="disabled"></coupon-card-shop>
		<coupon-card-wirte v-else-if="type === 4" :item="item" :disabled="disabled"></coupon-card-wirte>
		<coupon-card-deal v-else-if="type === 5" :item="item" :disabled="disabled"></coupon-card-deal>
	</view>
</template>

<script>
	import CouponCardNormal from './coupon-card-normal'
	import CouponCardUser from './coupon-card-user'
	import CouponCardShop from './coupon-card-shop'
	import CouponCardWirte from './coupon-card-wirte'
	import CouponCardDeal from './coupon-card-deal'
	
	export default {
		components: { CouponCardNormal, CouponCardUser, CouponCardShop, CouponCardWirte, CouponCardDeal },
		props: {
			item: {
				default: () => ({})
			},
			// 禁用点击
			disabled: {
				default: false
			}
		},
		data() {
			return {
				
			}
		},
		computed: {
			type() {
				return this.item.couponType || 1
			}
		}
	}
</script>

<style scoped lang="scss">
	
</style>
